<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>投诉信息</title>
		<!-- 引入样式 -->
		<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
		<script src="../js/vue.js"></script>
		<!-- 引入组件库 -->
		<script src="https://unpkg.com/element-ui/lib/index.js"></script>
		<script src="../js/axios.js"></script>
		<script src="../js/qs.js"></script>
		<script src="../js/jquery.min.js"></script>
	</head>
	<body>
		<!-- 搜索 -->
		<br />
		<div id="bigbox">
			<div style="width: 100%;margin-left: 15px;display: block;" id="app1">
				<i class="el-icon-caret-right" style="line-height: 40px;margin-right: 5px; float: left;"></i>
				<template style="margin-top: 50px;">
					<el-select v-model="allcominfor" @change="getSelectInfo()" filterable placeholder="全部数据" style="float: left;width: 120px; height: 60px;margin-top: -3px;">
						<el-option v-for="item in allcomoptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
					</el-select>
				</template>
				<i class="el-icon-search" style="line-height: 40px;float: left;margin-left: 10px; width: 50px; height: 50px;"></i>
				<!-- 搜索框 -->
				<div style="display: block;margin-left: -20px;float: left;margin-top: -4px;">
					<el-input style="width: 200px;" placeholder="" v-model="complaintheme">
						<el-button slot="append" @click="searchComplaintheme()" style="width: 100px;">投诉主题</el-button>
					</el-input>
				</div>
			</div>


			<!-- 表单 -->
			<div style="width: 100%;float: left;" id="app2">
				<div style="float: left;margin-left: 30px;">
					<p style="font-size: 13px;color: #333333;height: 30px;">投诉管理<!-- <a style="font-size: 12px;color: #807E7E;">&nbsp;共${page.total}条</a> --></p>
				</div>
				<div style="float: right;display: block;margin-right: 20px;margin-top: -10px;">
					<!-- 新建投诉 -->
					<el-button size="small" icon="el-icon-circle-plus" @click="getNew()" style="width: 80px;"> 新建</el-button>
					<!-- Form -->
					<el-dialog title="投诉管理" :visible.sync="dialogFormVisible" width="70%" >
						<hr style="border: 0.5px solid #666666;margin: -15px 0px 35px;" />
						<el-form :model="comform" :rules="rules" ref="comform" label-width="100px" class="demo-comform" style="margin-top: 20px;">
							<el-form-item label="对应客户" prop="comcustid" required>
								 <el-select v-model="comform.comcustid"  @clear="comcustidto()" @change="selectOnechange()" clearable filterable="" style="width: 100%;" remote="" reserve-keyword placeholder="请输入关键词" :remote-method="cumremoteMethod" :loading="cumloading">
										<i slot="prefix" class="el-input__icon el-icon-search"></i>
										<el-option v-for="item in customer" :key="item.value" :label="item.label" :value="item.value"></el-option>
								 </el-select>
							</el-form-item>
							<el-form-item label="投诉主题" prop="comtheme" required>
								<!-- <el-input v-model="comform.comtheme" clearable ></el-input> -->
									<el-autocomplete @select="handleSelect" :fetch-suggestions="querySearch" @clear="clearQA()" clearable style="width: 100%;" v-model="comform.comtheme"  placeholder="请输入内容">
										<i slot="prefix" class="el-input__icon el-icon-search"></i>
									</el-autocomplete>
							</el-form-item>
							<el-form-item>
								<el-row style="margin-left: -100px;">
									<el-col :span="12">
										<el-form-item label="首问接待人" prop="firstman" required margin-left="100px" >
											<el-select v-model="comform.firstman" clearable filterable="" style="width: 100%;" remote="" reserve-keyword placeholder="请输入关键词" :remote-method="firstmanMethod" :loading="firstmanloading">
												<i slot="prefix" class="el-input__icon el-icon-search"></i>
												<el-option v-for="item in firsgettman" :key="item.value" :label="item.label" :value="item.value"></el-option>
											</el-select>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item label="分类" prop="comclassify">
											<el-select v-model="comform.comclassify" clearable placeholder="未选" style="width: 100%;" remote="" reserve-keyword placeholder="请输入关键词" :remote-method="comclassifyMethod" :loading="cumloading">
												<i slot="prefix" class="el-input__icon el-icon-search"></i>
												<el-option v-for="item in cclassify" :key="item.value" :label="item.label" :value="item.value"></el-option>
											</el-select>
										</el-form-item>
									</el-col>
								</el-row>
							</el-form-item>
							<el-form-item label="解决办法" prop="comdisc">
								<el-row>
									<el-col :span="24">
										<el-input type="textarea" clearable autosize placeholder="" v-model="comform.comdisc"></el-input>
									</el-col>
								</el-row>
							</el-form-item>
							<el-form-item>
								<el-row style="margin-left: -101px;">
									<el-col :span="12">
										<el-form-item label="日期" prop="date1" required>
											<el-date-picker type="date" placeholder="选择日期" v-model="comform.date1" value-format="yyyy-MM-dd" style="width: 100%;"></el-date-picker>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item label="时间" prop="time1" required>
											<el-time-picker type="fixed-time" placeholder="选择时间" v-model="comform.time1" style="width: 100%;" value-format="hh:mm:dd" :picker-options="{selectableRange: '7:00:00 - 20:00:00'}" ></el-time-picker >
										</el-form-item>
									</el-col>
								</el-row>
							</el-form-item>
							<el-form-item label="投诉人" prop="comcustmanid">
								<el-row>
									<el-col :span="24">
										<el-select v-model="comform.comcustmanid" clearable style="width: 100%;"
										 remote="" reserve-keyword placeholder="请选择" :remote-method="comcustmanidMethod" :loading="cumloading">
											<i slot="prefix" class="el-input__icon el-icon-search"></i>
											<el-option v-for="item in allcomcustmanid" :key="item.value" :label="item.label" :value="item.value"></el-option>
										</el-select>
									</el-col>
								</el-row>
							</el-form-item>
							<el-form-item label="紧急程度" prop="comurgency">
								<el-col :span="22">
									<template>
										<el-radio v-model="comform.comurgency" :label="1405">非常紧急</el-radio>
										<el-radio v-model="comform.comurgency" :label="1406">急</el-radio>
										<el-radio v-model="comform.comurgency" :label="1407">普通</el-radio>
									</template>
								</el-col>
							</el-form-item>
							<el-form-item label="处理过程" prop="comprocess">
								<el-row>
									<el-col :span="24">
										<el-input type="textarea" autosize placeholder="" v-model="comform.comprocess"></el-input>
									</el-col>
								</el-row>
							</el-form-item>
							<el-form-item label="处理结果" prop="comrusult">
								<el-col :span="24">
									<template>
											<el-radio v-model="comform.comrusult" :label="1409">未处理</el-radio>
											<el-radio v-model="comform.comrusult" :label="1410">处理中</el-radio>
											<el-radio v-model="comform.comrusult" :label="1411">处理完成</el-radio>
									</template>
								</el-col>
							</el-form-item>
							<el-form-item label="花费时间" prop="comspendtime" style="margin-top:30px;">
								<el-row>
									<el-col :span="24">
										<el-select v-model="comform.comspendtime" clearable style="width: 100%;"
										 remote="" reserve-keyword placeholder="请选择" :remote-method="comspendtimeMethod" :loading="cumloading">
											<i slot="prefix" class="el-input__icon el-icon-search"></i>
											<el-option v-for="item in allcomspendtime" :key="item.value" :label="item.label" :value="item.value"></el-option>
										</el-select>
										<!-- <el-tooltip content="Bottom center" placement="bottom">
												<div slot="content">数据字典</div>
												<i class="el-icon-document"></i>
										</el-tooltip> -->
									</el-col>
								</el-row>
							</el-form-item>
							<el-form-item label="客户反馈" prop="comfeedbock" style="margin-top:30px;">
								<el-row>
									<el-col :span="24">
										<el-input type="textarea" autosize placeholder="" v-model="comform.comfeedbock"></el-input>
									</el-col>
								</el-row>
							</el-form-item>
							<el-form-item label="回访确认" prop="comreturn" style="margin-top:30px;">
								<el-row>
									<el-col :span="24">
										<el-input type="textarea" autosize placeholder="" v-model="comform.comreturn"></el-input>
									</el-col>
								</el-row>
							</el-form-item>
							<el-form-item label="备注" prop="comremark" style="margin-top:30px;">
								<el-row>
									<el-col :span="24">
										<el-input type="textarea" autosize placeholder="" v-model="comform.comremark" style="width: 100%;"></el-input>
									</el-col>
								</el-row>
							</el-form-item>
						</el-form>
						<div slot="footer" class="dialog-footer">
							<el-button @click="dialogFormVisible = false">取 消</el-button>
							<el-button type="primary" @click="submitForm('comform')">确定</el-button>
							<el-button @click="resetForm('comform')">重置</el-button>
						</div>
					</el-dialog>

				</div>
			</div>

			<!-- 表单 -->
			<div id="app3" style="margin-left: 10px;">
				<template>
					<el-table ref="multipleTable" tooltip-effect="dark"  @selection-change="handleSelectionChange" :data="comtable" border style="width: 100%;color: black;">
						<el-table-column type="selection" width="30" align="center" >
						</el-table-column>
						<el-table-column prop="ID" label="ID" show-overflow-tooltip width="60" align="center">
						</el-table-column>
						<el-table-column prop="comtheme" show-overflow-tooltip label="投诉主题" align="center">
						</el-table-column>
						<el-table-column prop="comclassify" label="分类" align="center">
						</el-table-column>
						<el-table-column prop="comcust" label="对应客户" align="center">
						</el-table-column>
						<el-table-column prop="comdate" show-overflow-tooltip label="日期" align="center">
						</el-table-column>
						<el-table-column prop="comtime" show-overflow-tooltip label="时间" align="center">
						</el-table-column>
						<el-table-column prop="comurgency" label="紧急程度" align="center">
						</el-table-column>
						<el-table-column prop="comafterman" show-overflow-tooltip label="首问接待人" align="center">
						</el-table-column>
						<el-table-column prop="comresult" label="处理结果" align="center">
						</el-table-column>
						<el-table-column prop="comman" show-overflow-tooltip label="投诉人" align="center">
						</el-table-column>
						<el-table-column fixed="right" label="操作" width="100" align="center">
							<template slot-scope="scope">
								<el-tooltip content="Bottom center" placement="bottom">
									<div slot="content">删除</div>
									<i class="el-icon-delete" style="margin: 0px 10px;font-size: 17px;" @click="deletenew(scope.row.ID)"></i>
								</el-tooltip>
								<el-tooltip content="Bottom center" placement="bottom">
									<div slot="content">编辑</div>
									<i class="el-icon-edit" @click="updatehandleClick(scope.row)" style="font-size: 17px;"></i>
								</el-tooltip>
								<el-dialog title="提示" :visible.sync="dialogDelete" width="30%" append-to-body >
					 	 			<span>你确定要删除吗？</span>
						  				<span slot="footer" class="dialog-footer">
						   				<el-button @click="dialogDelete = false">取 消</el-button>
						   				<el-button type="primary" @click="dialogDelete = false" v-on:click="Delete" >确 定</el-button>
					 				</span>
								</el-dialog>
								<!-- 查看投诉信息 -->
								<div id="repairform" style="width: 90px;float: left;margin-left: 15px;">
									<el-dialog title="投诉管理" :visible.sync="dialogFormVisible" width="70%" append-to-body >
										<!-- Form -->
										<hr style="border: 0.5px solid #666666;margin: -15px 0px 35px;" />
										<el-form :model="comform" :rules="rules" ref="comform" label-width="100px" class="demo-comform" style=" margin-top: 20px;">
											<el-form-item label="对应客户" prop="comcustid" required>
												 <el-select v-model="comform.comcustid" disabled  @clear="comcustidto()" clearable filterable="" style="width: 100%;" remote="" reserve-keyword placeholder="请输入关键词" :remote-method="cumremoteMethod" :loading="cumloading">
														<i slot="prefix" class="el-input__icon el-icon-search"></i>
														<el-option v-for="item in customer" :key="item.value" :label="item.label" :value="item.value"></el-option>
												 </el-select>
											</el-form-item>
											<el-form-item label="投诉主题" prop="comtheme" required>
												<el-autocomplete @select="handleSelect" :fetch-suggestions="querySearch"  @clear="clearQA()"  clearable style="width: 100%;" v-model="comform.comtheme"  placeholder="请输入内容">
													<i slot="prefix" class="el-input__icon el-icon-search"></i>
												</el-autocomplete>
											</el-form-item>
											<el-form-item>
												<el-row style="margin-left: -100px;">
													<el-col :span="12">
														<el-form-item label="首问接待人" prop="firstman" required margin-left="100px" >
															<el-select v-model="comform.firstman" clearable filterable="" style="width: 100%;" remote="" reserve-keyword placeholder="请输入关键词" :remote-method="firstmanMethod" :loading="cumloading">
																<i slot="prefix" class="el-input__icon el-icon-search"></i>
																<el-option v-for="item in firsgettman" :key="item.value" :label="item.label" :value="item.value"></el-option>
															</el-select>
														</el-form-item>
													</el-col>
													<el-col :span="12" >
														<el-form-item label="分类" prop="comclassify">
															<el-select v-model="comform.comclassify" clearable placeholder="未选" style="width: 100%;"remote="" reserve-keyword placeholder="请输入关键词" :remote-method="comclassifyMethod" :loading="cumloading">
																<i slot="prefix" class="el-input__icon el-icon-search"></i>
																<el-option v-for="item in cclassify" :key="item.value" :label="item.label" :value="item.value"></el-option>
															</el-select>
														</el-form-item>
													</el-col>
												</el-row>
											</el-form-item>
											<el-form-item label="解决办法" prop="comdisc">
												<el-row>
													<el-col :span="24">
														<el-input type="textarea" clearable autosize placeholder="" v-model="comform.comdisc"></el-input>
													</el-col>
												</el-row>
											</el-form-item>
											<el-form-item>
												<el-row style="margin-left: -101px;">
													<el-col :span="12">
														<el-form-item label="日期" prop="date1" required>
															<el-date-picker type="date" placeholder="选择日期" v-model="comform.date1" value-format="yyyy-MM-dd" style="width: 100%;" :picker-options="pickerOptions"></el-date-picker>
														</el-form-item>
													</el-col>
													<el-col :span="12">
														<el-form-item label="时间" prop="time1" required>
															<el-time-picker type="fixed-time" placeholder="选择时间" v-model="comform.time1" style="width: 100%;" value-format="HH:mm:dd"></el-time-picker >
														</el-form-item>
													</el-col>
												</el-row>
											</el-form-item>
											<el-form-item label="投诉人" prop="comcustmanid">
												<el-row>
													<el-col :span="24">
														<el-select v-model="comform.comcustmanid" clearable style="width: 100%;"
														 remote="" reserve-keyword placeholder="请选择" :remote-method="comcustmanidMethod" :loading="cumloading">
															<i slot="prefix" class="el-input__icon el-icon-search"></i>
															<el-option v-for="item in allcomcustmanid" :key="item.value" :label="item.label" :value="item.value"></el-option>
														</el-select>
													</el-col>
												</el-row>
											</el-form-item>
											<el-form-item label="紧急程度" prop="comurgency">
												<el-col :span="22">
													<template>
														<el-radio v-model="comform.comurgency" :label="1405">非常紧急</el-radio>
														<el-radio v-model="comform.comurgency" :label="1406">急</el-radio>
														<el-radio v-model="comform.comurgency" :label="1407">普通</el-radio>
													</template>
												</el-col>
											</el-form-item>
											<el-form-item label="处理过程" prop="comprocess">
												<el-row>
													<el-col :span="24">
														<el-input type="textarea" autosize placeholder="" v-model="comform.comprocess"></el-input>
													</el-col>
												</el-row>
											</el-form-item>
											<el-form-item label="处理结果" prop="comrusult">
												<el-col :span="24">
													<template>
														<el-radio v-model="comform.comrusult" :label="1409">未处理</el-radio>
														<el-radio v-model="comform.comrusult" :label="1410">处理中</el-radio>
														<el-radio v-model="comform.comrusult" :label="1411">处理完成</el-radio>
													</template>
												</el-col>
											</el-form-item>
											<el-form-item label="花费时间" prop="comspendtime" style="margin-top:30px;">
												<el-row>
													<el-col :span="24">
														<el-select v-model="comform.comspendtime" clearable style="width: 100%;"
														 remote="" reserve-keyword placeholder="请选择" :remote-method="comspendtimeMethod" :loading="cumloading">
															<i slot="prefix" class="el-input__icon el-icon-search"></i>
															<el-option v-for="item in allcomspendtime" :key="item.value" :label="item.label" :value="item.value"></el-option>
														</el-select>
														<!-- <el-tooltip content="Bottom center" placement="bottom">
																<div slot="content">数据字典</div>
																<i class="el-icon-document"></i>
														</el-tooltip> -->
													</el-col>
												</el-row>
											</el-form-item>
											<el-form-item label="客户反馈" prop="comfeedbock" style="margin-top:30px;">
												<el-row>
													<el-col :span="24">
														<el-input type="textarea" autosize placeholder="" v-model="comform.comfeedbock"></el-input>
													</el-col>
												</el-row>
											</el-form-item>
											<el-form-item label="回访确认" prop="comreturn" style="margin-top:30px;">
												<el-row>
													<el-col :span="24">
														<el-input type="textarea" autosize placeholder="" v-model="comform.comreturn"></el-input>
													</el-col>
												</el-row>
											</el-form-item>
											<el-form-item label="备注" prop="comremark" style="margin-top:30px;">
												<el-row>
													<el-col :span="24">
														<el-input type="textarea" autosize placeholder="" v-model="comform.comremark" style="width: 100%;"></el-input>
													</el-col>
												</el-row>
											</el-form-item>
										</el-form>
										<div slot="footer" class="dialog-footer">
											<el-button @click="dialogFormVisible = false">取 消</el-button>
											<el-button type="primary" @click="submitForm('comform')">确定</el-button>
											<el-button @click="resetForm('comform')">重置</el-button>
										</div>
									</el-dialog>

								</div>
							</template>
						</el-table-column>
					</el-table>
					<div style="margin-top: 10px">
						<div style="display: block; float: left;margin-left: 5px;">
							<!-- <el-tooltip content="Bottom center" placement="bottom">
								<div slot="content">批量删除</div>
								<i class="el-icon-delete" style="margin: 8px;font-size: 17px;"></i>
							</el-tooltip> -->
						</div>
						<!-- 分页 -->
						<div style="display: block; float: left; margin-left: 20%;">
							<el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage4" :pager-count="5"
							 :page-sizes="[4, 6, 10, 20]" :page-size="${page.pageSize}" layout="total, sizes, prev, pager, next, jumper" :total="${page.total}">
							</el-pagination>
						</div>
						<div style="display: block; float: right;margin-right: 3%;">
							<!-- <el-tooltip content="Bottom center" placement="bottom">
								<div slot="content">打印</div>
								<el-button circle size="mini"><i class="el-icon-printer" style="font-size: 17px;"></i></el-button>&nbsp;
							</el-tooltip> -->

							<el-tooltip content="Bottom center" placement="bottom">
								<div slot="content">导出Excel</div>
								<el-button circle size="mini" @click="downloadfile"><i class="el-icon-tickets" style="font-size: 17px;"></i></el-button>
							</el-tooltip>

						</div>
					</div>
				</template>
			</div>
		</div>
		<script type="text/javascript">
			// 获取所有的客户投诉
			var complainttable = ${list};
			var pageinfo = ${pageinfo}
		</script>
		<script >
		var Main = {
				data() {
					return {
						allcomoptions: [{
							value: '0',
							label: '全部数据'
						}, {
							value: '1409',
							label: '未处理'
						}, {
							value: '1410',
							label: '处理中'
						}, {
							value: '1411',
							label: '处理完成'
						}, {
							value: '1405',
							label: '非常紧急'
						}, {
							value: '1406',
							label: '急'
						}, {
							value: '1407',
							label: '普通'
						}, {
							value: '1400',
							label: '产品投诉'
						}, {
							value: '1401',
							label: '服务投诉'
						}, {
							value: '1402',
							label: '客户意见'
						}, {
							value: '1403',
							label: '其他'
						}],
						allcominfor: '',
						complaintheme: '',
					}
				},				methods:{
					//根据选项获取表单数据
					getSelectInfo(){
							//页大小
						var pageSize= Max.pasSize;
						//查询条件状态
						var statueID=null;
						//投诉
						var search=null;
						//表单对象
						var MainFromnew= MainFrom;
						console.log("搜索数据："+this.allcominfor.toString());
						if(this.allcominfor.toString()== "0" ){
							window.location.hash='#/aftersale/complaint';
						}else{
							window.location.hash='#/aftersale/complaint?statueID='+this.allcominfor;
							statueID=this.allcominfor;
						}
						this.complaintheme='';
						$.ajax({
								type: "post",
								url: "/aftersale/complaint",
								data: {pageNum:1,pageSize:pageSize,statueID:statueID,search:search},
								success: function (getPage) {
										console.log("页数："+JSON.stringify(getPage));
										MainFromnew.comtable=getPage.list;
										MainFromnew.pages=getPage;
										MainFromnew.currentPage4=getPage.pageNum;
								}
						});
					},
						//根据投诉主题搜索
					searchComplaintheme(){
						//页大小
						var pageSize= Max.pasSize;
						//查询条件状态
						var statueID=null;
						//投诉主题
						var search=null;
						//表单对象
						var MainFromnew= MainFrom;
						var MainTwoNew=MainTwo;
						console.log(this.allcominfor.toString());
						console.log("投诉主题:"+this.complaintheme.toString());
						//判断是否根据条件筛选
						if(this.allcominfor.toString()=='0'||this.allcominfor.toString()==''){
							if(this.complaintheme==""){
								window.location.hash='#/aftersale/repair'
							}
							else{
								window.location.hash='#/aftersale/repair?search='+this.complaintheme;
								search=this.complaintheme;
							}
						}else{
							statueID=this.allcominfor;
							if(this.complaintheme==""){
								window.location.hash=window.location.hash.split('&')[0];
							}
							else{
								window.location.hash=window.location.hash.split('&')[0]+'&search='+this.complaintheme;
								search=decodeURI(this.complaintheme);
							}
						}
						$.ajax({
								type: "post",
								url: "/aftersale/complaint",
								data: {pageNum:1,pageSize:pageSize,statueID:statueID,search:search},
								success: function (getPage) {
										console.log("页数："+JSON.stringify(getPage));
										MainFromnew.comtable=getPage.list;
										MainFromnew.pages=getPage;
										MainTwoNew.getNewPage=getPage;
										MainFromnew.currentPage4=getPage.pageNum;
								}
						});
					},
				},
				mounted:function(){
						var url= window.location.href;
						var url1= url.indexOf("?");
						if(url1!=-1){
							//截取每一个条件
							var urlcondition= url.substring(url1+1,url.length).split('&');
							for(var i=0;i<urlcondition.length;i++){
								
								if(urlcondition[i].split('=')[0]=="statueID"){
									this.allcominfor=decodeURI(urlcondition[i].split('=')[1]);
								}
								if(urlcondition[i].split('=')[0]=="search"){
									this.complaintheme=decodeURI(urlcondition[i].split('=')[1]);
								}
							}
						}
					}
			}
			var Ctor = Vue.extend(Main)
			new Ctor().$mount('#app1')

			/*
			 * -----------------------------------------------------------------------------------------------
			 * -----------------------------------------------------------------------------------------------
			 */

			/* 遮罩层 */
			var MainTwo = new Vue({
				el:"#app2",
				data:{
						comcustid: '',
						restaurants:[],//获取的qa
						customer:[],
						customers:[],
						firsgettman:[],
						firsgettmans:[],
						cclassify:[],
						cclassifies:[],
						allcomcustmanid:[],
						allcomcustmanids:[],
						allcomspendtime:[],
						allcomspendtimes:[],
						comform: {
							comcustid: '',
							comtheme: '',
							firstman: '',
							comclassify: '',
							comdisc: '',
							date1: new Date(),
							time1: new Date().toLocaleTimeString('chinese', { hour12: false }),
							comcustid: '',
							comurgency: 1407,
							comprocess: '',
							comrusult: 1409,
							comspendtime: '',
							comfeedbock: '',
							comreturn: '',
							comremark: ''
						},
						dialogFormVisible: false,
						cumloading:false,
						firstmanloading:false,
						rules: {
							comcustid:[{required: true,message: '请选择客户',trigger: 'change'},{required: true,message: '请选择客户',trigger: 'blur'}],
							comtheme: [{required: true,message: '请输入投诉主题',trigger: 'change'},{required: true,message: '请输入投诉主题',trigger: 'blur'}],
							firstman: [{required: true,message: '请选择首问接待人',trigger: 'change'},{required: true,message: '请选择首问接待人',trigger: 'blur'}],
							date1: [{required: true,message: '请选择日期',trigger: 'change'},{required: true,message: '请选择日期',trigger: 'blur'}],
							time1: [{required: true,message: '请选择时间',trigger: 'change'},{required: true,message: '请选择时间',trigger: 'blur'}]
						},
						/* 日期选择 */
							pickerOptions: {
								disabledDate(time) {
									return time.getTime() > Date.now();
								},
								shortcuts: [{
									text: '今天',
									onClick(picker) {
										picker.$emit('pick', new Date());
									}
								}, {
									text: '昨天',
									onClick(picker) {
										const date = new Date();
										date.setTime(date.getTime() - 3600 * 1000 * 24);
										picker.$emit('pick', date);
									}
								}, {
									text: '一周前',
									onClick(picker) {
										const date = new Date();
										date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
										picker.$emit('pick', date);
									}
								}]
							}
					},
				methods: {
					createStateFilter(queryString) {
						return (state) => {
							return (state.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
						};
					},
					//查询所有qa
					loadAll() {
						var allQA =[];
						var _this=this;
						axios.get('/aftersale/selectAllQAToComplaint')
						.then(function (response) {
							console.log("qa："+response);
							allQA=response;
							_this.restaurants = allQA;
							console.log("_this.restaurants:"+_this.restaurants);
						})
						.catch(function (error) {
							console.log(error);
						});
						return allQA;
					},
					//获取所有的qa返回选中数据
					querySearch(queryString, cb) {
						console.log("返回："+this.restaurants);
						var newrestaurants = this.restaurants;
						var results = this.createFilter(queryString);
						// 调用 callback 返回建议列表的数据
						cb(results);
					},
					//数据比较
					createFilter(queryString) {
						var arr = [];
						var list=this.restaurants.data.handleComplaint;
						var list1 = JSON.stringify(list);
						 for (var i = 0; i < list.length; i++) {
							if (list[i].value.split(queryString).length > 1) {
								arr.push(list[i]);
								console.log(list[i]);
							}
						} 
						return arr;
					},
					//根据选中的问题,加载解决办法
					handleSelect:function(item){
						console.log("编号："+item.ID);
						this.comform.comdisc=item.answer;
					},
					//获取数据
					getNew(){
						var _this=this;
						this.dialogFormVisible=true;
						axios.post("/aftersale/chooseOptions",
								//参数转换
//								Qs.stringify(this.comform, {
//									arrayFormat: 'brackets'
//								})
								//id:
								//ajax请求成功的回调函数
							).then(function(v) {
								console.log("回调成功，获取了服务器端返回的值v");
								console.log(v);
								//获取客户
								_this.customers= v.data.comcustid.map(item => {
									return { value: item.ID, label: item.name };
								});
								_this.customer=_this.customers;
								//获取执行人
								_this.firsgettman= v.data.allusername.map(item => {
									return { value: item.ID, label: item.name };
								});
								_this.firsgettmans=_this.firsgettman;
								//获取当前登录用户
								_this.comform.firstman=v.data.user.uId;
								//获取分类
								_this.cclassify= v.data.comclassify.map(item => {
									return { value: item.value, label: item.label };
								});
								_this.cclassifies=_this.cclassify;
								/* //获取投诉人
								_this.allcomcustmanid= v.data.comcustmanid.map(item => {
									return { value: item.ID, label: item.name };
								});
								_this.allcomcustmanids=_this.allcomcustmanid; */
								//获取花费时间
								_this.allcomspendtime= v.data.comspendtime.map(item => {
									return { value: item.dictId, label: item.dictName };
								});
								_this.allcomspendtimes=_this.allcomspendtime;
							})/*.catch(function() {
								alert("出错了");
							})*/;
					},
					 //加载界面客户
					cumremoteMethod(query) {
						var _this=this;
					      if (query !== '') {
					        this.cumloading = true;
					        setTimeout(() => {
					          this.cumloading = false;
					          this.customer = _this.customers.filter(item => {
					            return item.label.toLowerCase()
					              .indexOf(query.toLowerCase()) > -1;
					          });
					        }, 200);
					      } else {
					        this.uosign = [];
					      }
					    },
						//清除客户及对应信息
						comcustidto(){
							var _this=this;
							_this.customer=_this.customers;
							_this.comform.comcustid='';
							_this.comform.comcustmanid='';
						},
						//清除问题及回答
						clearQA(){
								var _this=this;
								_this.comform.comtheme='';
								_this.comform.comdisc='';
						},
						//选择客户查询对应的联系人
						selectOnechange(){
							 var _this=this;
							 console.log(_this);
							axios.post("/aftersale/custTocon",
							Qs.stringify({
							'custid':_this.comform.comcustid
							}
							,{arrayFormat: 'brackets'})
							).then(function(v){					          				
							console.log("回调成功，获取了服务器端返回的值v");
							console.log(v.data.comcustmanid);
							_this.allcomcustmanid= v.data.comcustmanid.map(item => {
								return { value: item.ID, label: item.name };
							}); 
							//_this.orderes
							})/*.catch(function(){
							alert("信息出错了");
							})*/;					
						},
							//加载首问接待人
						firstmanMethod(query){
							var _this=this;
									if (query !== '') {
										this.firstmanloading = true;
										setTimeout(() => {
											this.firstmanloading = false;
											this.firsgettman = _this.firsgettmans.filter(item => {
												return item.label.toLowerCase()
													.indexOf(query.toLowerCase()) > -1;
											});
										}, 200);
									} else {
										this.uosign = [];
									}
						},
						//加载分类
						comclassifyMethod(query) {
							var _this=this;
									if (query !== '') {
										this.cumloading = true;
										setTimeout(() => {
											this.cumloading = false;
											this.cclassify = _this.cclassifies.filter(item => {
												return item.label.toLowerCase()
													.indexOf(query.toLowerCase()) > -1;
											});
										}, 200);
									} else {
										this.uosign = [];
									}
								},
						//加载投诉人
						comcustmanidMethod(query) {
							var _this=this;
							if (query !== '') {
								this.cumloading = true;
								setTimeout(() => {
									this.cumloading = false;
									this.allcomcustmanid = _this.allcomcustmanids.filter(item => {
										return item.label.toLowerCase()
										.indexOf(query.toLowerCase()) > -1;
									});
								}, 200);
							} else {
								this.uosign = [];
							}
						},
						//加载花费时间
						comspendtimeMethod(query) {
							var _this=this;
							if (query !== '') {
								this.cumloading = true;
								setTimeout(() => {
									this.cumloading = false;
									this.allcomspendtime = _this.allcomspendtimes.filter(item => {
										return item.label.toLowerCase()
										.indexOf(query.toLowerCase()) > -1;
									});
								}, 200);
							} else {
								this.uosign = [];
							}
						},
					
					submitForm(comform) {
						//验证方法
						//alert("添加！");
						var _this=this;
						this.$refs[comform].validate((valid) => {
							if (valid) {
								//post提交数据
								axios.post("/aftersale/addcomplaint",
									//参数转换
									Qs.stringify(this.comform, {
										arrayFormat: 'brackets'
									})
									//id:
									//ajax请求成功的回调函数
								).then(function(v) {
									console.log("回调成功，获取了服务器端返回的值v");
									console.log(v);
									  _this.$message({
					           			showClose: true,
										type: 'success',
										message: '添加成功!',
										duration:3000,
										center: true
									});
					           		//延时两秒刷新
					           		setTimeout(function (){
													_this.dialogFormVisible=false;
					           			showAtRight('/aftersale/complaint');
					           		}, 2000);
								}).catch(function() {
									//alert("出错了");
									_this.$message({
					           			showClose: true,
										type: 'success',
										message: '添加失败!',
										duration:3000,
										center: true
									});
								});
							} else {
								console.log('error submit!!');
								return false;
							}
						});
					},
					resetForm(comform) {
						this.$refs[comform].resetFields();
					}
				},
				mounted() {
					this.loadAll();
				}
			})

			/*
			 * -----------------------------------------------------------------------------------------------
			 * -----------------------------------------------------------------------------------------------
			 */

			/*  表单  */
			var MainFrom=new Vue({
				el:"#app3",
				data:{
						customer:[],
						customers:[],
						firsgettman:[],
						firsgettmans:[],
						cclassify:[],
						cclassifies:[],
						allcomcustmanid:[],
						allcomcustmanids:[],
						allcomspendtime:[],
						allcomspendtimes:[],
						comtable: complainttable,
						restaurants:[],//获取的qa
						pages: pageinfo,
						currentPage4: pageinfo.pageNum,
						multipleSelection: [],
						dialogFormVisible: false,
						dialogDelete:false,
						cumloading:false,
						comform: {
							ID:"",
							comcustid: '',
							comtheme: '',
							firstman: '',
							comclassify: '',
							comdisc: '',
							date1: '',
							time1: '',
							comcustmanid: '',
							comurgency: '',
							comprocess: '',
							comrusult: '',
							comspendtime: '',
							comfeedbock: '',
							comreturn: '',
							comremark: ''
						},
						rules: {
							comcustid:[{required: true,message: '请选择客户',trigger: 'change'},{required: true,message: '请选择客户',trigger: 'blur'}],
							comtheme: [{required: true,message: '请输入投诉主题',trigger: 'change'},{required: true,message: '请输入投诉主题',trigger: 'blur'}],
							firstman: [{required: true,message: '请选择首问接待人',trigger: 'change'},{required: true,message: '请选择首问接待人',trigger: 'blur'}],
							date1: [{required: true,message: '请选择日期',trigger: 'change'},{required: true,message: '请选择日期',trigger: 'blur'}],
							time1: [{required: true,message: '请选择时间',trigger: 'change'},{required: true,message: '请选择时间',trigger: 'blur'}]
						},
						/* 日期选择 */
							pickerOptions: {
								disabledDate(time) {
									return time.getTime() > Date.now();
								},
								shortcuts: [{
									text: '今天',
									onClick(picker) {
										picker.$emit('pick', new Date());
									}
								}, {
									text: '昨天',
									onClick(picker) {
										const date = new Date();
										date.setTime(date.getTime() - 3600 * 1000 * 24);
										picker.$emit('pick', date);
									}
								}, {
									text: '一周前',
									onClick(picker) {
										const date = new Date();
										date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
										picker.$emit('pick', date);
									}
								}]
							},
					},
				methods: {
					handleClick(row) {
						console.log(row);
					},
					//获取数据
					getNew(){
						var _this=this;
						this.dialogFormVisible=true;
						axios.post("/aftersale/chooseOptions",
							).then(function(v) {
								console.log("回调成功，获取了服务器端返回的值v");
								console.log("sdfghggfd");
								console.log(_this.firstman);
								//获取客户
								_this.customers= v.data.comcustid.map(item => {
									return { value: item.ID, label: item.name };
								});
								_this.customer=_this.customers;
								//获取执行人
								_this.firsgettman= v.data.firstman.map(item => {
									return { value: item.ID, label: item.name };
								});
									_this.firsgettmans=_this.firsgettman;
								//获取分类
								_this.cclassify= v.data.comclassify.map(item => {
									return { value: item.value, label: item.label };
								});
								_this.cclassifies=_this.cclassify;
								/*//获取投诉人
								_this.allcomcustmanid= v.data.comcustmanid.map(item => {
									return { value: item.ID, label: item.name };
								_this.allcomcustmanids=_this.allcomcustmanid;
								});*/
								//获取花费时间
								_this.allcomspendtime= v.data.comspendtime.map(item => {
									return { value: item.dictId, label: item.dictName };
								});
								_this.allcomspendtimes=_this.allcomspendtime;
							})/*.catch(function() {
								alert("出错了");
							})*/;
					},
					 //加载界面客户
					cumremoteMethod(query) {
						var _this=this;
					      if (query !== '') {
					        this.cumloading = true;
					        setTimeout(() => {
					          this.cumloading = false;
					          this.customer = _this.customers.filter(item => {
					            return item.label.toLowerCase()
					              .indexOf(query.toLowerCase()) > -1;
					          });
					        }, 200);
					      } else {
					        this.uosign = [];
					      }
					    },
					   //清除客户及对应信息
					   comcustidto(){
					   	var _this=this;
					   	_this.customer=_this.customers;
					   	_this.comform.comcustid='';
					   	_this.comform.comcustmanid='';
					   },
						//清除问题及回答
						clearQA(){
								var _this=this;
								_this.comform.comtheme='';
								
						},
						//选择客户查询对应的联系人
						selectOnechange(){
							 var _this=this;
							 console.log(_this);
							axios.post("/aftersale/custTocon",
							Qs.stringify({
							'custid':_this.comform.comcustid
							}
							,{arrayFormat: 'brackets'})
							).then(function(v){					          				
							console.log("回调成功，获取了服务器端返回的值v");
							console.log(v.data);
							_this.allcomcustmanid= v.data.comcustmanid.map(item => {
								return { value: item.ID, label: item.name };
							}); 
							_this.allcomcustmanids=_this.allcomcustmanid;
							console.log(_this.allcomcustmanids);
							//_this.orderes
							})/*.catch(function(){
							alert("信息出错了");
							})*/;					
						},
							//加载首问接待人
						firstmanMethod(query){
							var _this=this;
									if (query !== '') {
										this.firstmanloading = true;
										setTimeout(() => {
											this.cumloading = false;
											this.firsgettman = _this.firsgettmans.filter(item => {
												return item.label.toLowerCase()
													.indexOf(query.toLowerCase()) > -1;
											});
										}, 200);
									} else {
										this.uosign = [];
									}
						},
						//加载分类
						comclassifyMethod(query) {
							var _this=this;
									if (query !== '') {
										this.cumloading = true;
										setTimeout(() => {
											this.cumloading = false;
											this.cclassify = _this.cclassifies.filter(item => {
												return item.label.toLowerCase()
													.indexOf(query.toLowerCase()) > -1;
											});
										}, 200);
									} else {
										this.uosign = [];
									}
								},
						//加载投诉人
						comcustmanidMethod(query) {
							var _this=this;
							if (query !== '') {
								this.cumloading = true;
								setTimeout(() => {
									this.cumloading = false;
									this.allcomcustmanid = _this.allcomcustmanids.filter(item => {
										return item.label.toLowerCase()
										.indexOf(query.toLowerCase()) > -1;
									});
								}, 200);
							} else {
								this.uosign = [];
							}
						},
						//加载花费时间
						comspendtimeMethod(query) {
							var _this=this;
							if (query !== '') {
								this.cumloading = true;
								setTimeout(() => {
									this.cumloading = false;
									this.allcomspendtime = _this.allcomspendtimes.filter(item => {
										return item.label.toLowerCase()
										.indexOf(query.toLowerCase()) > -1;
									});
								}, 200);
							} else {
								this.uosign = [];
							}
						},
					updatehandleClick(row) {
						var complaintfrom = this;
						var id= row;
						console.log(complaintfrom);
						console.log(row);
						axios.post("/aftersale/complaintOne",
							Qs.stringify( {
						   			'c_id':row.ID,
							   },{arrayFormat: 'brackets'}) 

						).then(function(v) {
							console.log("回调成功，获取了服务器端返回的值v");
							console.log(v.data);
							//获取客户
							complaintfrom.customers= v.data.comcustid.map(item => {
								return { value: item.ID, label: item.name };
							});
							complaintfrom.customer=complaintfrom.customers;
							//获取执行人
							complaintfrom.firsgettman= v.data.firstman.map(item => {
								return { value: item.ID, label: item.name };
							});
							complaintfrom.firsgettmans=complaintfrom.firsgettman;
							//获取分类
							complaintfrom.cclassify= v.data.comclassify.map(item => {
								return { value: item.value, label: item.label };
							});
							complaintfrom.cclassifies=complaintfrom.cclassify;
							//获取投诉人
							complaintfrom.allcomcustmanid= v.data.comcustmanid.map(item => {
								return { value: item.ID, label: item.name };
							});
							complaintfrom.allcomcustmanids=complaintfrom.allcomcustmanid;
							console.log("花费时间："+v.data.comspendtime);
							//获取花费时间
							complaintfrom.allcomspendtime= v.data.comspendtime.map(item => {
								return { value: item.dictId, label: item.dictName };
							});
							complaintfrom.allcomspendtimes=complaintfrom.allcomspendtime;
							//传值
							console.log(v.data.allcomplaint);
							complaintfrom.comform.ID=v.data.allcomplaint.ID;
							complaintfrom.comform.comcustid=v.data.allcomplaint.c_custId;
							complaintfrom.comform.comtheme=v.data.allcomplaint.comtheme;
							complaintfrom.comform.firstman=v.data.allcomplaint.c_userID;
							complaintfrom.comform.comclassify=v.data.allcomplaint.classifyid;
							complaintfrom.comform.comdisc=v.data.allcomplaint.c_description;
							complaintfrom.comform.date1=v.data.allcomplaint.comdate;
							complaintfrom.comform.time1=v.data.allcomplaint.comtime;
							complaintfrom.comform.comcustmanid=v.data.allcomplaint.conid;
							complaintfrom.comform.comurgency=v.data.allcomplaint.curgency;
						 	complaintfrom.comform.comprocess=v.data.allcomplaint.c_process;
							complaintfrom.comform.comrusult=v.data.allcomplaint.cresult;
							complaintfrom.comform.comspendtime=v.data.allcomplaint.spent_time;
							complaintfrom.comform.comfeedbock=v.data.allcomplaint.c_feedback;
							complaintfrom.comform.comreturn=v.data.allcomplaint.c_return;
							complaintfrom.comform.comremark=v.data.allcomplaint.c_remark;
							
						})/* .catch(function() {
							alert("出错了");
						} )*/;
						//this.selectOnechange();
						this.dialogFormVisible = true;
					},
					
					handleSelectionChange(val) {
						this.multipleSelection = val;
					},
					handleSizeChange(val) {
							//页大小
							Max.pasSize= val;
							//查询条件状态
							var statueID=null;
							//投诉主题
							var search=null;
							var MainFromnew = MainFrom;
							var MainTwoNew=MainTwo;
							//判断是否带条件;
							var url= window.location.href;
							var url1= url.indexOf("?");
							if(url1!=-1){
								//截取条件
								var urlcondition= url.substring(url1+1,url.length).split('&');
								for(var i=0;i<urlcondition.length;i++){
									
									if(urlcondition[i].split('=')[0]=="statueID"){
										statusid=decodeURI(urlcondition[i].split('=')[1]);
									}
									if(urlcondition[i].split('=')[0]=="search"){
										search=decodeURI(urlcondition[i].split('=')[1]);
									}
								}
							}
							$.ajax({
									type: "post",
									url: "/aftersale/complaint",
									data: {pageNum:1,pageSize:val,statueID:statueID,search:search},
									success: function (getPage) {
											console.log("页数："+JSON.stringify(getPage));
											MainFromnew.comtable=getPage.list;
											MainFromnew.pages=getPage;
											MainTwoNew.getNewPage=getPage;
											MainFromnew.currentPage4=getPage.pageNum;
									}
							});
					},
					handleCurrentChange(val) {
							//页大小
							var pageSize= Max.pasSize;
							//查询条件状态
							var statueID=null;
							//投诉主题
							var search=null;
							var MainFromnew = MainFrom;
							//判断是否带条件;
							var url= window.location.href;
							var url1= url.indexOf("?");
							if(url1!=-1){
								//截取条件
								var urlcondition= url.substring(url1+1,url.length).split('&');
								for(var i=0;i<urlcondition.length;i++){
									
									if(urlcondition[i].split('=')[0]=="statueID"){
										statusid=decodeURI(urlcondition[i].split('=')[1]);
									}
									if(urlcondition[i].split('=')[0]=="search"){
										search=decodeURI(urlcondition[i].split('=')[1]);
									}
								}
							}
							$.ajax({
									type: "post",
									url: "/aftersale/complaint",
									data: {pageNum:1,pageSize:pageSize,statueID:statueID,search:search},
									success: function (getPage) {
											console.log("页数："+JSON.stringify(getPage));
											MainFromnew.comtable=getPage.list;
											MainFromnew.pages=getPage;
											MainFromnew.currentPage4=getPage.pageNum;
									}
							});
					},

					//查询所有qa
					loadAll() {
						var allQA =[];
						var _this=this;
						axios.get('/aftersale/selectAllQAToComplaint')
						.then(function (response) {
							console.log("qa："+response);
							allQA=response;
							_this.restaurants = allQA;
							console.log("_this.restaurants:"+_this.restaurants);
						})
						.catch(function (error) {
							console.log(error);
						});
						return allQA;
					},
					//获取所有的qa返回选中数据
					querySearch(queryString, cb) {
						console.log("返回："+this.restaurants);
						var newrestaurants = this.restaurants;
						var results = this.createFilter(queryString);
						// 调用 callback 返回建议列表的数据
						cb(results);
					},
					//数据比较
					createFilter(queryString) {
						var arr = [];
						var list=this.restaurants.data.handleComplaint;
						var list1 = JSON.stringify(list);
						for (var i = 0; i < list.length; i++) {
							if (list[i].value.split(queryString).length > 1) {
								arr.push(list[i]);
								console.log(list[i]);
							}
						} 
						return arr;
					},
					//根据选中的问题,加载解决办法
					handleSelect:function(item){
						console.log("编号："+item.ID);
						this.comform.comdisc=item.answer;
					},
					//表单提交修改
					submitForm(comform) {
						//验证方法
						//alert("修改！");
						var _this=this;
						this.$refs[comform].validate((valid) => {
							if (valid) {
								//post提交数据
								axios.post("/aftersale/updatecomplaint",
									//参数转换
									Qs.stringify(this.comform, {
										arrayFormat: 'brackets'
									})
									//id:
									//ajax请求成功的回调函数
								).then(function(v) {
									console.log("回调成功，获取了服务器端返回的值v");
									console.log(v);
									  _this.$message({
					           			showClose: true,
										type: 'success',
										message: '修改成功!',
										duration:3000,
										center: true
									});
					           		//延时两秒刷新
					           		setTimeout(function (){
													_this.dialogFormVisible=false;
					           			showAtRight('/aftersale/complaint');
					           		}, 2000);
								}).catch(function() {
									//alert("出错了");
									_this.$message({
					           			showClose: true,
										type: 'success',
										message: '修改失败!',
										duration:3000,
										center: true
									});
								});
							} else {
								console.log('error submit!!');
								return false;
							}
						});
					},
					resetForm(comform) {
						this.$refs[comform].resetFields();
					},
					deletenew(ID){
						this.ID=ID;
						this.dialogDelete=true;
						
					},
					//删除方法
					Delete(){
						var _this=this;
						axios.get("/aftersale/deleteoneComplaint",
			           			//参数转换
			           			//Qs.stringify(this.form,{arrayFormat: 'brackets'})
			           			//ajax请求成功的回调函数
			           			{
									params:{
										ID:_this.ID
									}
			           			}
			          			).then(function(response){					          				
			           			console.log("回调成功，获取了服务器端返回的值v");
			           			console.log(response.data);					           		
			           		_this.restaurants=response.data;
			           		if(response.data.resultID==1409) {
			           			_this.$message({
			               			showClose: true,
											type: 'error',
											message: '投诉未处理!删除失败!',
											duration:3000,
											center: true
										});
										}else if(response.data.resultID==1410) {
												_this.$message({
														showClose: true,
												type: 'error',
												message: '投诉处理中!不允许删除!',
												duration:3000,
												center: true,
												});
										}else{
			           		_this.$message({
			           			showClose: true,
											type: 'success',
											message: '删除成功!',
											duration:3000,
											center: true
										});
											//延时两秒刷新
											setTimeout(function (){
												_this.dialogFormVisible=false;
												showAtRight('/aftersale/complaint');
											}, 2000);
									}
			           	}).catch(function(){
			           		_this.$message({
								type: 'error',
								message: '删除失败!',
								duration:3000,
								center: true
							});
			           	});	//这个是数据的初始化
				      },
				      //导出Excel
				      downloadfile(){
				    	  window.location.href ="/aftersale/ComplaintExcelDownloads";
				      }
				},
				mounted() {
					this.loadAll();
					}
			})

		</script>
	</body>
</html>
